<template>
  <div class="one">
    <p>我的订单</p>
    <van-grid :column-num="5">
      <van-grid-item icon="chat-o" text="全部订单" dot />
      <van-grid-item icon="cash-back-record-o" text="待付款"  />
      <van-grid-item icon="shop-o" text="待发货"  />
      <van-grid-item icon="shop-collect-o" text="待收货"  />
      <van-grid-item icon="comment-o" text="待评价"  />
    </van-grid>
  </div>
  <div class="two">
    <p>工具包</p>
    <van-grid :column-num="5">
      <van-grid-item icon="location-o" text="收货地址" />
      <van-grid-item icon="cash-back-record-o" text="领券中心" />
      <van-grid-item icon="shop-o" text="我的快递"  />
      <van-grid-item icon="shop-collect-o" text="官方客服"  />
      <van-grid-item icon="comment-o" text="我的评价" />
    </van-grid>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.van-grid {
  width: 95%;
  margin: 20px auto;
  border: 1px solid rgb(85, 84, 84);
  border-radius: 10px;
  background-color: rgb(185, 186, 186);
}
p {
  font-weight: 700;
  margin: 20px;
}
</style>